<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/main.min.css">
    
    <link rel="stylesheet" href="http://at.alicdn.com/t/c/font_3669174_gr64g05pmel.css">
</head>
<body>
    
    <script>
        // 表示先加载页面资源再引入
        window.onload = function () { 
            new Banner('.play');
        };
        
    </script>
    
    <!-- 头部 -->
    <div class="head"></div>
    <!-- 主体部分 -->
    <div class="main">
        
        <div class="wrapper">
            <!-- 版心轮播 -->
            <div class="play">
                <ul>
                    
                </ul>
                <ol>
                    
                </ol>
                <span class="banner-left-button">&lt;</span>
                <span class="banner-right-button">&gt;</span>
                
            </div>
            <div class="catelog">
                <ul>
                    <li><a href="">手机<span class="iconfont icon-jiantouyou"></span></a></li>
                    <li><a href="">电视<span class="iconfont icon-jiantouyou"></span></a></li>
                    <li><a href="">笔记本 平板<span class="iconfont icon-jiantouyou"></span></a></li>
                    <li><a href="">出行 穿戴<span class="iconfont icon-jiantouyou"></span></a></li>
                    <li><a href="">耳机 音箱<span class="iconfont icon-jiantouyou"></span></a></li>
                    <li><a href="">家电<span class="iconfont icon-jiantouyou"></span></a></li>
                    <li><a href="">智能 路由器<span class="iconfont icon-jiantouyou"></span></a></li>
                    <li><a href="">电源 配件<span class="iconfont icon-jiantouyou"></span></a></li>
                    <li><a href="">健康 儿童<span class="iconfont icon-jiantouyou"></span></a></li>
                    <li><a href="">生活 箱包<span class="iconfont icon-jiantouyou"></span></a></li>
                </ul>
                <div class="second-nav">
                    <li><a href="">
                        <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1660187331.91357446.jpg" alt="">
                        <span>Redmi手机</span>
                    </a></li>
                    <li><a href="">
                        <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1660187331.91357446.jpg" alt="">
                        <span>Redmi手机</span>
                    </a></li>
                    <li><a href="">
                        <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1660187331.91357446.jpg" alt="">
                        <span>Redmi手机</span>
                    </a></li>
                    <li><a href="">
                        <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1660187331.91357446.jpg" alt="">
                        <span>Redmi手机</span>
                    </a></li>
                    <li><a href="">
                        <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1660187331.91357446.jpg" alt="">
                        <span>Redmi手机</span>
                    </a></li>
                    <li><a href="">
                        <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1660187331.91357446.jpg" alt="">
                        <span>Redmi手机</span>
                    </a></li>
                    <li><a href="">
                        <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1660187331.91357446.jpg" alt="">
                        <span>Redmi手机</span>
                    </a></li>
                    <li><a href="">
                        <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1660187331.91357446.jpg" alt="">
                        <span>Redmi手机</span>
                    </a></li>
                    <li><a href="">
                        <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1660187331.91357446.jpg" alt="">
                        <span>Redmi手机</span>
                    </a></li>
                    <li><a href="">
                        <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1660187331.91357446.jpg" alt="">
                        <span>Redmi手机</span>
                    </a></li>
                    <li><a href="">
                        <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1660187331.91357446.jpg" alt="">
                        <span>Redmi手机</span>
                    </a></li>
                    <li><a href="">
                        <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1660187331.91357446.jpg" alt="">
                        <span>Redmi手机</span>
                    </a></li>
                </div>
            </div>

            <!-- 第二个部分图片链接 -->
            <div class="home-sub-row">
                <div class="left-box">
                    <li>
                        <a href="">
                            <span class="iconfont icon-shizhong"></span>
                            <p>保障服务</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <span class="iconfont icon-24gl-building2"></span>
                            <p>企业团购</p>
                        </a>
                    </li>
                    
                    
                    <li>
                        <a href="">
                            <span class="iconfont icon-F"></span>
                            <p>F码通道</p>
                        </a>
                    </li>
                    
                    <li>
                        <a href="">
                            <span class="iconfont icon-SIMka"></span>
                            <p>米粉卡</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <span class="iconfont icon-duihuan"></span>
                            <p>以旧换新</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <span class="iconfont icon-24huafei"></span>
                            <p>话费充值</p>
                        </a>
                    </li>
                </div>
                <div class="right-img">
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/32a62196b9af47752c96e7a50c86417c.jpg?w=632&h=340" alt="">
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/5d1892854c8bb165e755d68bde287d71.jpg?w=632&h=340" alt="">
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/28c13d0d11b38ec17fa5d83bc6ba5912.jpg?w=632&h=340" alt="">
                </div>
            </div>
        </div>
        <!-- 下面主体 -->
        <div class="leftover">
            <div class="wrapper">
                <!-- banner图片 -->
                <div class="main-goods">
                    <div class="home-banner-box">
                        <a href="">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/2656295f6c067f48a04a425acf15a096.jpg?thumb=1&w=1471&h=144&f=webp&q=90" alt="">
                        </a>
                    </div>
                </div>
                
                <!-- 手机分类 -->
                <div class="phone-section">
                    <!-- 头部 -->
                    <div class="phone-head">
                        <h2>手机</h2>
                        <a href="../html/list-phone.html?kw=1" class="more">
                            <span class="text">查看更多</span>
                            <span class="iconfont icon-xiayiyeqianjinchakangengduo-yuankuang"></span>
                        </a>
                    </div>
                    <!-- 内容 -->
                    <div class="phone-content">
                        <div class="left-box">
                            <a href="">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/fef86f3a976842446ec7c3f315cf253f.jpg?thumb=1&w=281&h=737&f=webp&q=90" alt="">
                            </a>
                        </div>
                        <div class="right-box">
                            
                            
                        </div>
                    </div>
                </div>

                <!-- 智能穿戴 -->
                <div class="ai-section">
                    <!-- 头部 -->
                    <div class="ai-head">
                        <h2>智能穿戴</h2>
                        <a href="../html/list-phone.html?kw=2" class="more">
                            <span class="text">查看更多</span>
                            <span class="iconfont icon-xiayiyeqianjinchakangengduo-yuankuang"></span>
                        </a>
                    </div>
                    <!-- 内容 -->
                    <div class="ai-content">
                        <div class="left-box">
                            <a href="">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/9895c56a7b792fb9053e3085fc261072.jpg?thumb=1&w=281&h=737&f=webp&q=90" alt="">
                            </a>
                        </div>
                        <div class="right-box">
                            
                            
                        </div>
                    </div>
                </div>

                <!-- 电视 -->
                <div class="tv-section">
                    <!-- 头部 -->
                    <div class="tv-head">
                        <h2>电视</h2>
                        <a href="../html/list-phone.html?kw=3" class="more">
                            <span class="text">查看更多</span>
                            <span class="iconfont icon-xiayiyeqianjinchakangengduo-yuankuang"></span>
                        </a>
                    </div>
                    <!-- 内容 -->
                    <div class="tv-content">
                        <div class="left-box">
                            <a href="">
                                <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/e9896934bb657c3dd0c548952eb27481.jpg?thumb=1&w=176&h=461&f=webp&q=90" alt="">
                            </a>
                        </div>
                        <div class="right-box">
                            
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
    </div>
    
    <!-- 底部 -->
    <div class="foot"></div>
    <script src="../js/jq.js"></script>
    <script src="../js/api.js"></script>
    <script src="../js/main.js"></script>
    <!-- <script src="../js/search.js"></script> -->
    <script src="../js/demonstrate.js"></script>
    <!-- load方法引入 -->
    <script>
        $('.head').load('./head.html',function () {  
            $.getScript('../js/all.js');
            
        })
        $('.foot').load('./footer.html')
        $.getScript('../js/search.js');
    </script>
    
    
</body>
</html>